<template>
  <div>
    <van-cell center title="头像" is-link slot>
      <img src="/static/imgs/title.jpg" class="img-style" @tap="changTitle">
    </van-cell>
    <van-cell title="昵称" is-link value="此夏、若空" />
    <van-cell title="二维码" is-link slot="right-icon" @tap="goQrCodePage">
      <van-icon name="qr" class="search-icon" />
    </van-cell>
    <van-cell title="更多" is-link />
    <div style="height: 20rpx;"></div>
    <van-cell title="我的地址" is-link value="辽宁、沈阳" />

    <van-dialog :show="dialogShow" use-slot title="标题" @close="changTitle" show-cancel-button>
      <img src="https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png" style="height: 400rpx; width: 400rpx;" />
    </van-dialog>
  </div>
</template>

<script>
  export default {
    name: "myInfo",
    data() {
      return {
        dialogShow: false
      }
    },
    methods: {
      changTitle() {
        this.dialogShow = !this.dialogShow
      },
      /**
       * @author: @xusy
       * @date: 2020/12/11 11:06
       * @creed: 去二维码页面
       */
      goQrCodePage() {
        this.$router.push({
          path: "/pages/myPage/child/qrCode"
        });
      },
    }
  }
</script>

<style scoped>
.search-icon{
  font-size: 18px;
  line-height: inherit;
  vertical-align: middle;
}
  .img-style{
    width: 120rpx;
    height: 120rpx;
    object-fit: cover;
    border-radius: 16rpx;
  }
</style>
